<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>新闻</title>
	<link rel="stylesheet" href="css/reset.css"/>
	<link rel="stylesheet" href="css/index.css"/>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/snowflake.js"></script>
</head>
<body style="overflow-x:hidden">
	<header id="head">
		<div class="bg"></div>
		<div class="headerInfo">
			<h1 class="logo">
				<a href="#"><img src="img/logo.png"/></a>
			</h1>
			<nav class="navinfo">
				<ul>
					<li class="home"><a href="index.html">首页<span>网站首页!</span></a></li>
					<li class="news"><a href="news.html">新闻<span>我们的信息!</span></a></li>
					<li class="service"><a href="#">服务<span>我们能做什么?</span></a></li>
					<li class="case"><a href="case.html">案例<span>我们做过什么?</span></a></li>
					<li class="solution"><a href="#">解决方案<span>我们有什么?</span></a></li>
				</ul>
			</nav>
		</div>
	</header>
	<section id="caseCon">
		<div class="topInfo">
			<div class="topHead">
				<h1><span style="color: black;">NEWS</span>新闻</h1>
				<p> 最近正在折腾.... Recently is to do ....</p>
			</div>
		</div>
		<div class="newsTop">
			<ul class="clear-fix ntul">
				<li>
					<a href="#" class="active">公司新闻</a>
					<a href="#">行业动态</a>
				</li>
			</ul>
		</div>
		<ol class="newsInfo">
			<li>
				<a href="#"><img src="img/news1.jpg"></a>
				<div class="newsCon">
					<a href="javascript:void();">网络营销最重要的一步，你做到了吗？</a>
					<span>UPTATED:2016/11/02</span>
					<p>很多人总是会问，为什么我的网站转化率总是居高不下？也许你的网站很美观大气，功能很完善，入口非常便捷丰富，但是就是转化不好！原因只在于，你忽略了网络营销最重要的一步，所以你....</p>
				</div>
			</li>
			<li>
				<a href="#"><img src="img/news2.png"></a>
				<div class="newsCon">
					<a href="javascript:void();">百度免费＂发武器＂ 布局移动互联网</a>
					<span>UPTATED:2016/11/01</span>
					<p>中广网北京9月3日消息 据经济之声《天下公司》报道，说起百度，恐怕听众朋友们都不会陌生。这家创办于2001年1月1日的中文互联网搜索公司，经过十余年的发展，已经从最初的不足10人，成长....</p>
				</div>
			</li>
			<li>
				<a href="#"><img src="img/news3.png"></a>
				<div class="newsCon">
					<a href="javascript:void();">企业网站已经悄悄的转变成了一种网络营销应用</a>
					<span>UPTATED:2016/11/01</span>
					<p>当是你最后一次使用的电话簿找到的产品或服务？如果你有一台电脑，平板电脑或智能手机的技术和访问，甚至有基本的了解，这可能是很难记住，当你拖着那么大，笨重的大部头，并翻阅它，....</p>
				</div>
			</li>
			<li style="border: 0;padding:10px 0 0;">
				<p class="footerP">共1页3条记录</p>
			</li>
		</ol>
		<ol class="dynamics active">
			<li>
				<a href="#"><img src="img/news4.jpg"></a>
				<div class="newsCon">
					<a href="javascript:void();">html5+js技术网站应用案例：三盛·都会城网站建设</a>
					<span>UPTATED:2016/11/01</span>
					<p>三盛·都会城作为三盛地产在成都的全资开发项目，入主龙泉经开区，承载三盛地产在成都建立品牌的任务，三盛·都会城总投入近40亿元，前期将投入3亿重金，将该项目打造为龙泉乃至大成东....</p>
				</div>
			</li>
			<li style="border: 0;padding:10px 0 0;">
				<p class="footerP">共1页1条记录</p>
			</li>
		</ol>
	</section>
	<footer>
	<div id="footerlink">
		<nav class="wrapper">
			<a href="index.html">首页</a>
			<a href="javascript:;">关于</a>
			<a href="javascript:;">服务</a>
			<a href="case.html">案例</a>
			<a href="javascript:;">方案</a>
			<a href="javascript:;">联系</a>
			<a href="news.html">新闻</a>
			<a href="#" id="toTop">top</a>
		</nav>
	</div>
	<div id="footerinfo">
		<div class="wrapper">
			<h2>联系我们<br />
						Contact
					</h2>
			<p>
				<a target="_blank" href="javascript:if(confirm('http://wpa.qq.com/msgrd?v=3&uin=429592913&site=qq&menu=yes'))window.location='http://wpa.qq.com/msgrd?v=3&uin=429592913&site=qq&menu=yes'">
					<img src="img/qq1.png" class="callqq">
				</a><br/>
				<br/>电话：400 8888 8888<br/> 传真：400 8888 8888<br/> 电子邮件：admin@nicai.com
				<br/> 公司地址：北京市某某某某某某某某某
				<br/> 备案编号：京ICP备000000001
				<br/> Copyright © 2015 - 2017 mycodes.net All rights reserved.
			</p>
			<img src="img/map.gif">
		</div>
		<div class="links">
			<h2>友情链接<br/>Links</h2>
			<ul>
				<li>
					<a href="javascript:;">公司名称</a>
				</li>
				<li>
					<a href="javascript:;">公司名称</a>
				</li>
				<li>
					<a href="javascript:;">公司名称</a>
				</li>
				<li>
					<a href="javascript:;">公司名称</a>
				</li>
			</ul>
		</div>
	</div>
</footer>
<div id="maxBox"></div>
</body>
<script>
		$(function(){
			var alink = $('.ntul li a');
			var ol1   = $('.newsInfo');
			var ol2   = $('.dynamics');
			alink.click(function(){
				var _this = $(this).index();
					if(_this==1){
						ol2.removeClass('active');
						ol1.addClass('active');
					}else if(_this==0){
						ol2.addClass('active');
						ol1.removeClass('active');
					}
				alink.removeClass('active');
				$(this).addClass('active');
			});
			$('.navinfo li').hover(function(){
				$(this).stop().animate({'background-position-x':'6px','opacity':'0.7'},100);
			},function(){
				$(this).stop().animate({'background-position-x':'10px','opacity':'1'},100);
			});
		});

	</script>
</html>